<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>青春不常在，抓紧谈恋爱</h1>
    <form>
    <!--昵称里面注意提示属性placeholder
        性别注意默认选中设置属性checked，单选框要设置单选格式即name,设置统一属性值
        城市注意下拉菜单标签select，每一项的标签option-->
        昵称:<input type="text" placeholder="请输入你的昵称"><br><br>
        性别:<input type="radio" name="sex"checked>男</input>
            <input type="radio" name="sex">女<br><br>
        生日:<input type="date"><br><br>
        城市:<select>
                <option>上海</option>
                <option>北京</option>
                <option>广州</option>
                <option>武汉</option>
            </select><br><br>
        婚姻状况:<label>
                    <input type="radio" name="merry" checked>已婚
                </label>
                <label>
                    <input type="radio" name="merry">未婚
                </label>
                <label>
                    <input type="radio" name="merry">保密
                </label><br><br>
        兴趣爱好:<label>
                    <input type="checkbox" checked>吸烟
                </label>
                <label>
                    <input type="checkbox" checked>喝酒
                </label>
                <label>
                    <input type="checkbox">烫头
                </label><br><br>
        <!--文本式标签textarea标签一般会在css里面学到-->>
        个人介绍：<br>
        <textarea cols="50" rows="10"></textarea><br>
        <!--无需列表使用ul包裹整体，li包裹每一项-->
        <h2>我承诺</h2>
            <ul>
                <li>年满十八岁，单身</li>
                <li>抱着严肃的态度</li>
                <li>寻找另一半</li>
            </ul>
        <input type="checkbox">我同意所有条款<br>
        <input type="submit" value="免费注册">
        <input type="reset">
    </form>

</body>
</html>